<%@taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>
<head>
<link rel="stylesheet" href="<c:url value="resources/css/estilo.css"/>" />
<%-- <link rel="stylesheet" href="<c:url value="resources/css/estiloslide.css"/>" /> --%>
<script type="text/javascript" src="resources/js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="resources/js/jquery.chocoslider.js"></script>
<script type="text/javascript"  src="resources/js/index.js"></script>
<script type="text/javascript">


// $(document).ready(function () {
	  
// 	  alert("lalalala");
	  
//   $('#slider').chocoslider({
//       auto:true,
//       autoPause:true,  
//       speedStrip:500,  
//       effect:'effect1',
//       numberStrips:15,
//       sliderDelay:3000,
//       transparencytitle:0.8,
//       bChange: function(){},
//       aChange: function(){},
//       chocoEnd: function(){},
//       controlNavigation:true
//     });
//   });



// $(window).load(function() {
// $('#slider').chocoslider({
// auto:true, // automatic slider
// autoPause:true, // auto pause on clicking
// speedStrip:500, // Speed between the strips
// effect:'random', // 'slide', 'fade' and 'random'
// numberStrips:15, // number of strips to show
// sliderDelay:3000, // time delay between images transition
// transparencytitle:0.8, // Transparency of the title
// bChange: function(){},
// aChange: function(){},
// chocoEnd: function(){},
// controlNavigation:true //  show the dots navigations
// });
// });

// function slide1(){
// document.getElementById('imagebanner_1').src="/resources/images/img_1.jpg";
// setTimeout("slide2()", 3000);
// document.getElementById('linkimage_1').href="#";
// }
 
// function slide2(){
// document.getElementById('imagebanner_2').src="/resources/images/img_2.jpg";
// setTimeout("slide3()", 3000);
// document.getElementById('aId').href="#";
// }
 
// function slide3(){
// document.getElementById('imagebanner_3').src="/resources/images/img_3.jpg";
// setTimeout("slide4()", 3000)
// document.getElementById('linkimage_3').href="#";
// }

// function slide4(){
// 	document.getElementById('imagebanner_4').src="/resources/images/img_4.jpg";
// 	setTimeout("slide1()", 3000);
// 	document.getElementById('linkimage_1').href="#";
// 	}
</script>


<!-- Inclusão do título pelo Tiles -->
<title>
<tiles:getAsString name="titulo" />
</title>
</head>
<body>
<!-- Inclusão do cabeçalho -->
<tiles:insertAttribute name="topo"/>
<!-- Inclusão do menu de setores-->
<tiles:insertAttribute name="menu"/>
<!-- Inclusão do menu global -->
<tiles:insertAttribute name="banner"/>
<!-- Inclusão do conteúdo -->
<tiles:insertAttribute name="content"/>
<!-- Inclusão do rodapé -->
<tiles:insertAttribute name="lancamentos"/>
<!-- Inclusão do rodapé -->
<tiles:insertAttribute name="maisvendidos"/>
<!-- Inclusão do rodapé -->
<tiles:insertAttribute name="indicados"/>
<!-- Inclusão do rodapé -->
<tiles:insertAttribute name="duvidas"/>
<!-- Inclusão do rodapé -->
<tiles:insertAttribute name="footer"/>

</body>
</html>
